<template>
  <h1>App</h1>

  <div style="transform: translate(50px)">
    <Teleport to="body">
      <Dialog></Dialog>
    </Teleport>
  </div>

  <hr />

  <Teleport to="body">
    <div class="box">{{ msg }}</div>
  </Teleport>
</template>

<script>
import Dialog from "./components/Dialog.vue";

export default {
  name: "App",

  components: {
    Dialog,
  },

  data() {
    return {
      msg: "Hello",
    };
  },
};
</script>

<style></style>
